<template>
  <!-- 以前只允许一个外层根节点 -->
  <div class="hello">
    <p>{{ message }}</p>
    
  </div>
</template>

<script>
import { onMounted,inject } from 'vue';

export default {
  name: 'HelloWorld',
  setup(){
    //相比于之前的有优势，以前生命周期函数只能声明一次，现在可以存在多个
    onMounted(()=>{
      console.log("生命周期函数：Mounted");
      
    })
    onMounted(() =>{
      console.log("生命周期函数：Mounted2");
      
    })
    
    const message = inject("message")
    return {
      message
    }
  }
}
</script>

